<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    /*
        1.innerHTML可以插入标签
     */
    /*
        2.outerHTML
     */
    
    /*
        5.内存和性能问题
     */
    
    // 5.1 别这样做
    /*
        for (let value of values){
          ul.innerHTML += '<li>${value}</li>'; // 别这样做!
        }
     */
    
    // 5.2 推荐的做法1
    /*
           let itemsHtml = "";
            for (let value of values){
              itemsHtml += '<li>${value}</li>';
        }
            ul.innerHTML = itemsHtml;
            
            // 或者
            ul.innerHTML = values.map(value => '<li>${value}</li>').join('');
     */
</script>
</body>
</html>